import React, { Component } from 'react';
import { Container, Header, Button, Content, ActionSheet, Text } from 'native-base';
var BUTTONS = [
  { text: 'Option 0', icon: 'american-football', iconColor: '#2c8ef4' },
  { text: 'Option 1', icon: 'analytics', iconColor: '#f42ced' },
  { text: 'Option 2', icon: 'aperture', iconColor: '#ea943b' },
  { text: 'Delete', icon: 'trash', iconColor: '#fa213b' },
  { text: 'Cancel', icon: 'close', iconColor: '#25de5b' }
];
var DESTRUCTIVE_INDEX = 3;
var CANCEL_INDEX = 4;
export default class ActionSheetIconExample extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <Container>
        <Header />
        <Content padder>
          <Button
            onPress={() =>
              ActionSheet.show(
                {
                  options                : BUTTONS,
                  cancelButtonIndex      : CANCEL_INDEX,
                  destructiveButtonIndex : DESTRUCTIVE_INDEX,
                  title                  : 'Testing ActionSheet'
                },
                (buttonIndex) => {
                  this.setState({ clicked: BUTTONS[buttonIndex] });
                }
              )}
          >
            <Text>Actionsheet</Text>
          </Button>
        </Content>
      </Container>
    );
  }
}
